<template>
  <div style="padding: 10px 40px; display: flex; width: auto;">
    <el-tabs v-model="activeName" @tab-click="handleClick" :stretch="stretch" style="width: 100%;">
      <el-tab-pane label="通话日志" name="1" :lazy="lazy">
        <callLog :_ucid="ucid"></callLog>
      </el-tab-pane>
      <el-tab-pane label="房间信息" name="2" :lazy="lazy">
        <callRoom :_ucid="ucid"></callRoom>
      </el-tab-pane>

    </el-tabs>
  </div>

</template>

<script>
import callRoom from "../callRoom"
import callLog from "../callLog"

export default {

  props: {

    ucid: {
      type: String,
      default: '-1'
    }
  },
  components: {
    callRoom,
    callLog,
  },
  data() {
    return {
      lazy: true,
      appUser: {},
      appUserExt: {},
      appUserWallet: {},
      activeName: '1',
      stretch: true
    };
  },
  created() {
  },
  methods: {
    handleClick(tab, event) {
    },
  },
  watch: {
    activeName(newValue, oldValue) {

    }
  },
};
</script>

<style lang="scss" scoped>


</style>
